﻿@{
    ViewBag.Title = "HolidaySetting";
    
}
@section import {
    @NoCache.Instance.Css(Url, "~/Content/holiday-setting.css")
    @NoCache.Instance.Css(Url, "~/Js/popup.css")
    @NoCache.Instance.Css(Url, "~/Content/biz-hours.css")
    @NoCache.Instance.Css(Url, "~/Content/mobiscroll/mobiscroll.core-2.0.3.css")
    @if (Utils.IsAndroid())
    {
        <text>
        @NoCache.Instance.Css(Url, "~/Content/mobiscroll/mobiscroll.android-ics-2.0.css")
        </text>
    }
    else
    {
        <text>
        @NoCache.Instance.Css(Url, "~/Content/mobiscroll/mobiscroll.ios-2.0.2.css")
        </text>
    }
}
@section script {
    @NoCache.Instance.Javascript(Url, "~/Scripts/holiday-setting.js")
    @NoCache.Instance.Javascript(Url, "~/Scripts/utils.js")
    @NoCache.Instance.Javascript(Url, "~/Scripts/jlinq.js")
    @NoCache.Instance.Javascript(Url, "~/Scripts/mobiscroll/mobiscroll.core-2.0.3.js")
    @NoCache.Instance.Javascript(Url, "~/Scripts/mobiscroll/mobiscroll.datetime-2.0.3.js")
    @if (Utils.IsAndroid())
    {
        <text>
        @NoCache.Instance.Javascript(Url, "~/Scripts/mobiscroll/mobiscroll.android-ics-2.0.js")
        </text>
    }
    else
    {
        <text>
        @NoCache.Instance.Javascript(Url, "~/Scripts/mobiscroll/mobiscroll.ios-2.0.2.js")
        </text>
    }
}
<div id="holiday-setting">
    <div id="header">
        iMyRestaurant - Edit Vietnamese Food - 1st Floor business hours
    </div>
    <div id="body" class="clearfix">
        <div id="spec-day-panel">
            <div class="center">
                Choose a specific date to set CLOSED or OPEN Status
            </div>
            <table  class="calendar bottomhidden">
                <tr>
                    <th>
                        Menu Type
                    </th>
                    <th colspan="7">
                        <table class="control-date">
                            <tr>
                                <td>
                                    <img class="previous" src="/content/images/summary-select-back.png" width="27" height="24"
                                        alt="" id="previous-date">
                                </td>
                                <td>
                                    <span style="display: none;" id="CurrentYearMonthLabel">October 2012</span>
                                    <input type="text" readonly="readonly" id="date-picker" />
                                    <input type="hidden" id="CurrentYearMonth" value="" />
                                    <input type="hidden" id="LocationID" value="@ViewBag.LocationID" />
                                </td>
                                <td>
                                    <img class="next" src="/content/images/summary-select-forward.png" width="27" height="24"
                                        alt="" id="next-date">
                                </td>
                            </tr>
                        </table>
                    </th>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
            </table>
            <div id="calendar-list">
            </div>
        </div>
        <div id="pub-day-panel">
            <div class="center">
                Select a country and year to set CLOSED for Public Holidays
            </div>
            <div class="classic-popup-main">
                <div class="classic-popup-content1" style="height: 549px">
                    <div class="dialog clearfix" style="width: auto; margin-left: 10px; padding-top: 10px;">
                        <div class="select-panel clearfix" style="height: 25px;">
                            <select id="country-selector">
                                <option value="-1">Select country</option>
                            </select>
                            <select id="year-selector" onchange="holiday.public.handler.countryChange();">
                                <option value="-1">Select year</option>
                            </select>
                        </div>
                        <div class="table-containment" style="min-height: 494px">
                            <table class="center-box">
                                <thead>
                                    <tr>
                                        <th align="left">
                                            Public holidays
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="holiday-setting-footer" class="clearfix">
        <button id="btn-done" type="button" class="image-button button-done right">
        </button>
    </div>
    <form method="post" id="frm-done" action="/BusinessHours/Edit">
    <input type="hidden" name="Mode" id="flow-mode" value="7" />
    <input type="hidden" name="LocationID" id="flow-mode" value="@ViewBag.LocationID" />
    </form>
</div>
